<%@include file="inc/prelude.jsp" %>
<div id="wrapper">
    <%@include file="inc/header.jsp" %>
    <%@include file="inc/menu.jsp" %>
    <div id="content">
        <div class="content-left">
            <div id="table-mess">
                <div class="mess">
                    <div class="mess-title">
                        <img src="${pageContext.request.contextPath}/res/images/star.png" border="0">
                        <s:text name="user.billpayment.title" />
                    </div>
                    <div class="mess-left mess-first" style="color:red;">${param['message']}</div>
                    <div class="clearboth"></div>
                    <div class="mess-content">
                        <div class="row-header-radio bold-text">
                            <div class="col-card left-card"><s:text name="user.billpayment.left" /></div>
                            <div class="col-card right-card">
                                [<a href="add_bill.htm"><s:text name="user.billpayment.right" /></a>]
                            </div>
                        </div>
                        <div class="clearboth"></div>
                        <div class="row-radio bold-text center-card">
                            <div class="col-number-card"><s:text name="user.billpayment.biller" /></div>
                            <div class="col-number-card"><s:text name="user.billpayment.accNum" /></div>
                            <div class="col-action-card">&nbsp;</div>
                            <div class="col-symbo">&nbsp;</div>
                        </div>
                        <div class="clearboth"></div>
                        <c:forEach items="${requestScope.allEnrolledServices}" var="en">
                            <div class="row-radio">
                                <div class="col-number-card">
                                    <c:out value="${en.FBillServices.serviceName}" />
                                </div>
                                <div class="col-number-card">
                                    <c:out value="${en.accountId}" />
                                </div>
                                <div class="col-action-card">
                                    <a class="green" href="show_bill.htm?id=${en.id}">[show]</a>
                                </div>
                                <div class="col-edit-bill">
                                    <a class="green" href="edit_bill.htm?id=${en.id}">[edit]</a>&nbsp;&nbsp;<a href="delete_bill.htm?id=${en.id}"><img width="11" height="10" border="0" src="/res/images/delete_icon.gif"></a>
                                </div>                                
                            </div>
                            <div class="clearboth"></div>
                        </c:forEach>
                    </div>
                    <div class="clearboth"></div>
                </div>
            </div>
            <%@include file="inc/quicklink.jsp" %>
        </div>
        <%@include file="inc/rightmenu.jsp" %>
    </div>
    <%@include file="inc/footer.jsp" %>
</div>
<%@include file="inc/coda.jsp" %>